<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			header{
				margin-left: 70px;
			}
			section{
				width: 1200px;
				margin-top:10px ;
				margin-left: 70px;
				border: 2px solid red;
				

			}
			section table{
				border-collapse:collapse; border-spacing:0; border:0px; display:table;
				border: 2px solid red;
				position: relative;
				left: 200px;
				top: 20px;
			}
			section  .p3 img{
				margin-left:300px ;
			}
			section .tiaokuan{
				border: 2px solid red;
				width: 400px;
				height: 100px;
				overflow: auto;
				margin-left:300px ;
				margin-bottom:5px ;
			}
			
			footer{
				width: 1200px;
				margin-left:70px ;	
				margin-top: 5px;	
				border-top: 2px solid red;	
			}
			footer .p1{
				margin-top:5px ;
				text-align: center;
				font-size: small;
			}
			footer .p2{
				text-align: center;
				font-size: small;
			}
		</style>
	</head>
	<body>
		<header>
			<img src="../img/header.jpg" width="1200px" />
		</header>
		<section>
			<table>
			<tr>
				<th>电子邮箱:</th>
				<td>
					<input type="text" name="emali" placeholder="请输入电子邮箱..."/>
					
					<br />
					<br />
				</td>
			</tr>
			
			<tr>
				<th>会员登录名：</th>
				<td>
					<input type="text" name="username" placeholder="请输入会员账号..." />
					<br />
					<br />
				</td>
			</tr>
			
			<tr>
				<th>密码：</th>
				<td>
					<input type="text" name="psw" placeholder="请输入密码..." />
					<br />
					<br />
				</td>
			</tr>
			
			
			<tr>
				<th>再次输入密码：</th>
				<td>
					<input type="text" name="pswagain" placeholder="请再次输入密码..." />
					<br />
					<br />
				</td>
			</tr>
			
			<tr>
				<th>会员身份：</th>
				<td>
					<input type="checkbox" value="买家"  checked="checked"/>买家
					<input type="checkbox" value="买家"  />卖家
					<input type="checkbox" value="买家" />两者都是
					<br />
					<br />
				</td>
			</tr>
			
			<tr>
				<th>验证码：</th>
				<td>
					<input type="text" name="code" placeholder="请输入验证码..." />
					<img src="../img/renren_code.gif" /><a href="#" />看不清？换一张</a>
					<br />
					<br />
				</td>
			</tr>
			</table>
			<br />
			<br />
		 <div class="p3">
			<a href="#"><img src="../img/btn_reg.gif"></a>
			
			<p class="tiaokuan">欢迎阅读阿里巴巴公司（阿里巴巴）服务条款协议(下称"本协议")，您应当在使用服务之前认真阅读本协议全部内容，且对本协议中加粗字体显示的内容，阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站（所涉域名为：Alibaba.com.cn、alibaba.cn、1688.com，下同），所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。 </p>
		
		  </div>
		</section>
		<footer>
			<p class="p1"><a href="#">阿里巴巴版权所有 &copy; 2015-2018著作权与商标声明| </a><a href="#">法律声明| </a><a href="#">服务条款| </a><a href="#">隐私声明| </a><a href="#">联系我们| </a><a href="#">网站地图| </a><a href="#">产品体检中心 </a></p> 
            <p class="p2">阿里巴巴集团：阿里巴巴网络-<a href="#">中国| </a><a href="#">国际站| </a><a href="#">全球速卖通| </a><a href="#">日文站| </a><a href="#">中国万网| </a><a href="#">淘宝网|  </a><a href="#">支付宝|  </a><a href="#">中国雅虎 | </a><a href="#">雅虎口碑网 </a><a href="#">阿里软件|  </a></a><a href="#">阿里妈妈|  </a></a><a href="#">集团研究中心 </a></p> 
		</footer>
	</body>
</html>
